/*
 * Tencent is pleased to support the open source community by making 蓝鲸 available.
 * Copyright (C) 2017-2022 THL A29 Limited, a Tencent company. All rights reserved.
 * Licensed under the MIT License (the "License"); you may not use this file except
 * in compliance with the License. You may obtain a copy of the License at
 * http://opensource.org/licenses/MIT
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
 * either express or implied. See the License for the specific language governing permissions and
 * limitations under the License.
 */

.bk-select {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    &.is-disabled {
        background-color: #fafbfd !important;
        border-color: #dcdee5 !important;
        .bk-select-name {
            color: $textDisabledColor;
        }
    }
    &.bk-select-small {
        .bk-select-loading {
            top: 4px;
        }
    }
    &.is-default-trigger.is-unselected:before {
        font-size: 12px;
    }
}

.bk-select-dropdown-content {
    white-space: nowrap;
    .bk-options {
        @include scrollbar;
    }
}

.bk-sideslider {
    .bk-sideslider-wrapper {
        padding: 0;
    }
    .bk-sideslider-content {
        height: calc(100% - 60px);
        max-height: initial;
    }
}

.bk-select-full-width {
    width: 100%;
}

.bk-dialog-sub-header-center {
    .bk-dialog-sub-header {
        text-align: center;
    }
}

.bk-dialog {
    .bk-dialog-header {
        .bk-dialog-header-inner {
            white-space: normal;
        }
    }
}

.bk-dialog-no-tools {
    .bk-dialog-tool {
        display: none;
    }
}
.bk-dialog-no-padding {
    .bk-dialog-body {
        padding: 0 !important;
    }
}

.bk-table {
    background-color: #fff;
    .bk-table-fixed {
        border-bottom: none;
    }
    .bk-table-fixed-right {
        border-bottom: none;
        tr.bk-table-row-last {
            td.is-last {
                border-bottom: 1px solid #dfe0e5;
            }
        }
    }
    .bk-table-body {
        .is-highlight {
            color: #3A84FF;
            cursor: pointer;
        }
        tr.hover-row>td {
            background-color: #f0f1f5;
        }
    }
    .bk-table-pagination-wrapper {
        .bk-page-count-right {
            top: 15px;
        }
    }
    .bk-loading {
        border: 1px solid #dfe0e5;
        border-top: none;
        border-left: none;
    }
    .user-selector.user-selector-info {
        font-size: 12px;
    }
}

.bk-big-tree {
    position: relative;
    .bk-big-tree-node:not(.has-link-line) {
        height: 36px;
        line-height: 36px;
        &.is-selected {
            .node-folder-icon {
                color: #3a84ff;
            }
        }
        .node-options {
            padding-left: 10px;
        }
    }
    .bk-big-tree-node.has-link-line.is-leaf {
        padding-left: 12px;
    }
    .bk-scroll-home {
        .bk-min-nav-slide.bk-nav-show {
            width: 6px;
            background-color: #dcdee5;
            border-radius: 3px;
        }
    }
    .bk-big-tree-empty {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.bk-tab {
    height: 100%;
    .bk-tab-header {
        padding: 0 20px;
        height: 58px;
        background-image: linear-gradient(transparent 57px,#dcdee5 0);
        .bk-tab-label-list {
            height: 58px;
            .bk-tab-label-item {
                line-height: 58px;
                min-width: auto;
                &.active {
                    background-color: transparent;
                }
            }
        }
    }
    .bk-tab-header-setting {
        height: 58px;
        line-height: 58px;
    }
    .bk-tab-section {
        padding: 0 20px;
        height: calc(100% - 58px);
        overflow: hidden;
        .bk-tab-content {
            height: 100%;
        }
    }
}

[bk-language='en'] {
    .bk-table-pagination-wrapper {
        .bk-page-count-right {
            left: 140px;
        }
    }
}

.bk-loading {
    background: #fff !important;
}

.bk-button {
    min-width: auto;
}

.bk-search-select,
.bk-button {
    .bk-icon {
        vertical-align: unset;
    }
}

.bk-dropdown-menu {
    vertical-align: middle;
}

.bk-form-control.control-disable {
    .bk-textarea-wrapper {
        border-color: #dcdee5;
    }
}

.bk-form-checkbox[size=small] {
    .bk-checkbox {
        width: 12px;
        height: 12px;
    }
    .bk-checkbox-text {
        font-size: 12px;
    }
    &.is-checked .bk-checkbox:after{
        left: 3px;
        width: 2px;
        height: 6px;
    }
}

// 覆盖人员选择器的样式，避免影响magicbox
.tippy-tooltip {
    .tippy-arrow {
        width: unset;
        height: unset;
    }
}
